<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]-->
  <title>文章编辑</title>
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <meta name="viewport" content="width=device-width">        
  <link rel="stylesheet" href="css/templatemo_main.css">
<!-- 
Dashboard Template 
http://www.templatemo.com/preview/templatemo_415_dashboard
-->
</head>
<script type="text/javascript">
    var editor;
    KindEditor.ready(function(K) {
        editor = K.create('textarea[name="body"]', {
            resizeType : 1,
            height:'250px',
            allowPreviewEmoticons : false,
            allowImageUpload : true,
            allowFileManager:true, //允许对上传图片进行管理
            uploadJson:'/upload/richFile', //上传图片的java代码，只不过放在jsp中
            afterUpload: function(){this.sync();}, //图片上传后，将上传内容同步到textarea中
            afterBlur: function(){this.sync();},   //失去焦点时，将上传内容同步到textarea中
            items : [
                'source','fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',
                'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
                'insertunorderedlist', '|', 'emoticons', 'image', 'link','fullscreen']
        });
    });
    
    
     var type='3';
     
  $(document).ready(function() {
    $("#type option[value='"+type+"']").attr("selected",true);  
    $("#partnerId").click(function(){
      partnerInfoIdSearch();
    });
    $("#file").uploadPreview({
      Info : "选择文件错误,图片类型必须是:",
      Img : "logoUrlImg",
      Width : 120,
      Height : 120
    });
   // EDEN_UI_HELPER.HookDatePicker();
      /*    $('#body').redactor({
             focus: true,
             lang: 'zh',
             buttons: ['html', '|', 'formatting', '|', 'bold', 'italic', 'deleted', '|', 'unorderedlist', 'orderedlist', '|', 'image',  '|', 'link'  ],
             formattingTags: ['p', 'blockquote', 'h1', 'h2'],
           //  plugins: ['fullscreen'], // 'fontsize', 'fontfamily'
             //imageUpload: '/uploadHandler.ashx?Catalog=Post&IsPublic=1'
             imageUpload: '/upload/uploadrichFile'
         }); */
  });
  function partnerInfoIdSearch(){ 
    //iframe窗
    layer.open({
      type:2  ,
      title: "合作方搜索页面",
      closeBtn: 1, //不显示关闭按钮  
      shadeClose: false, 
      scrollbar :true,
      resize:false,
      shade: 0.3, 
      area: ['900px', '500px'],  
      content: ['/partner/searchPartner?formId=postPage&targetId=partnerId']//, //iframe的url，no代表不显示滚动条
    }); 
  }
  var errorInfoPrefix = "<span class=\"help-block m-b-none\" style=\"color:red\" ><i class=\"fa fa-info-circle\"></i>";
  var errorInfoSuffix = "</span>";
  function submitForm(){
    
    $("#postPage").find("span").remove();
    var titleInput = $("#title");
    var title = $(titleInput).val().trim();
    $(titleInput).val(title);
    if(title==""){
      $("#title").after(errorInfoPrefix+"请输入文章标题!"+errorInfoSuffix);
      return ;
    }
    
    var summaryInput = $("#summary");
    var summary = $(summaryInput).val().trim();
    $(summaryInput).val(summary);
    if(summary==""){
      $("#summary").after(errorInfoPrefix+"请输入文章简介!"+errorInfoSuffix);
      return ;
    } 
     //图片的处理
    var fileInput = $("#file").val(); 
     
    var bodyInput = $("#body");
    var body = $(bodyInput).val().trim();
    $(bodyInput).val(body);
    if(body==""){
      $("#body").after(errorInfoPrefix+"请输入文章内容!"+errorInfoSuffix);
      return ;
    } 
    if(fileInput==""){
      $.post(encodeURI("/post/editPostData"),$("#postPage").serialize(), function(data){
              var json = eval("(" + data + ")");
              if ("SUCCESS" == json.errCode) { 
                  layer.alert('编辑成功', {shift:-1,skin:'layui-layer-molv',closeBtn: 0}, function(){
                   location.href = "/post/list";
                });
              } else {
                  layer.alert(json.msg, {shift:-1,skin:'layui-layer-molv',closeBtn: 0});
              }
          });
    }else{
      $.ajaxFileUpload({
        url : '/upload/richFile',// 用于文件上传的服务器端请求地址
        type : "post",
        dataType : "text/html",
        timeout : 10000,
        secureuri : false,
        fileElementId :  "file", 
        error : function(msg) {
          var a = eval("(" + msg + ")");
          alert(a); 
        },
        success : function(jn) { 
          var json = eval("(" + jn + ")"); 
          if (0== json.error) {
            $("#logo").val(json.url);
            $.post(encodeURI("/post/editPostData"),$("#postPage").serialize(), function(data){
                    var json = eval("(" + data + ")");
                    if ("SUCCESS" == json.errCode) { 
                        layer.alert('编辑成功', {shift:-1,skin:'layui-layer-molv',closeBtn: 0}, function(){
                         location.href = "/post/list";
                      });
                    } else {
                        layer.alert(json.msg, {shift:-1,skin:'layui-layer-molv',closeBtn: 0});
                    }
                });
            
          }else{
            alert(json.msg);
          }
        }
      });  
    }
    
    
  } 
    </script>
<body>
  <div id="main-wrapper">
    <div class="navbar navbar-inverse" role="navigation">
      <div class="navbar-header">
        <div class="logo"><h1>Dashboard - Admin Template</h1></div>
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button> 
      </div>   
    </div>
    <div class="template-page-wrapper">
      <div class="navbar-collapse collapse templatemo-sidebar">
        <ul class="templatemo-sidebar-menu">
          <li>
            <form class="navbar-form">
              <input type="text" class="form-control" id="templatemo_search_box" placeholder="Search...">
              <span class="btn btn-default">Go</span>
            </form>
          </li>
          <li class="active"><a href="index.html"><i class="fa fa-home"></i>主页</a></li>
          <li class="sub">
            <a href="javascript:;">
              <i class="fa fa-database"></i> 用户管理 <div class="pull-right"><span class="glyphicon glyphicon-chevron-right"></span></div>
            </a>
            <ul class="templatemo-submenu">
              <li><a href="promoterTables.html">推广员管理</a></li>
              <li><a href="userTables.html">用户管理</a></li>
            </ul>
          </li>
          <li class="sub">
            <a href="javascript:;">
              <i class="fa fa-database"></i> 推广管理 <div class="pull-right"><span class="glyphicon glyphicon-chevron-right"></span></div>
            </a>
            <ul class="templatemo-submenu">
              <li><a href="picsManage.html">图片管理</a></li>
              <li><a href="atriclesManage.html">文章管理</a></li>
            </ul>
          </li>
          <li class="sub">
            <a href="javascript:;">
              <i class="fa fa-database"></i> 广告位管理 <div class="pull-right"><span class="glyphicon glyphicon-chevron-right"></span></div>
            </a>
            <ul class="templatemo-submenu">
              <li><a href="advertisingManage.html">广告设置</a></li>
            </ul>
          </li>
          <li class="sub">
            <a href="javascript:;">
              <i class="fa fa-database"></i> 咨询管理 <div class="pull-right"><span class="glyphicon glyphicon-chevron-right"></span></div>
            </a>
            <ul class="templatemo-submenu">
              <li><a href="counselManage.html">咨询管理</a></li>
            </ul>
          </li> 
          <li class="sub">
            <a href="javascript:;">
              <i class="fa fa-database"></i> 公告管理 <div class="pull-right"><span class="glyphicon glyphicon-chevron-right"></span></div>
            </a>
            <ul class="templatemo-submenu">
              <li><a href="announce.html">发布公告</a></li>
            </ul>
          </li>                    
          <li class="sub">
            <a href="javascript:;">
              <i class="fa fa-database"></i> 合作方管理 <div class="pull-right"><span class="glyphicon glyphicon-chevron-right"></span></div>
            </a>
            <ul class="templatemo-submenu">
              <li><a href="announce.html">发布公告</a></li>
            </ul>
          </li>                    
          <li>
            <a href="partnerManager.html">
              <i class="fa fa-cubes"></i><span class="badge pull-right">9</span>合作方管理
            </a>
          </li>
          <li class="sub">
            <a href="javascript:;">
              <i class="fa fa-database"></i> 佣金管理 <div class="pull-right"><span class="glyphicon glyphicon-chevron-right"></span></div>
            </a>
            <ul class="templatemo-submenu">
              <li><a href="commissionList.html">佣金列表</a></li>
              <li><a href="cashSettlement.html">提现结算</a></li>
            </ul>
          </li>                    
        <li><a href="data-visualization.html"><i class="fa fa-cubes"></i><span class="badge pull-right">9</span>Data Visualization</a></li>
          <li><a href="maps.html"><i class="fa fa-map-marker"></i><span class="badge pull-right">42</span>Maps</a></li>
          <li class="active"><a href="#"><i class="fa fa-users"></i><span class="badge pull-right">NEW</span>Manage Users</a></li>
          <li><a href="preferences.html"><i class="fa fa-cog"></i>Preferences</a></li>
          <li><a href="javascript:;" data-toggle="modal" data-target="#confirmModal"><i class="fa fa-sign-out"></i>Sign Out</a></li>
        </ul>
      </div><!--/.navbar-collapse -->

      <div class="templatemo-content-wrapper">
        <div class="templatemo-content">
          <ol class="breadcrumb">
            <li><a href="index.html">Admin Panel</a></li>
            <li><a href="#">Manage Users</a></li>
            <li class="active">Tables</li>
          </ol>
          <h1>推广文章编辑</h1>
          <p>Here goes tables and users.</p>


        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>推广文章编辑<small></small></h5>
                        <div class="ibox-tools">
                            <a class="close-link" title="返回" href="/post/list">
                                <i class="fa fa-reply"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content">
                        <form method="post" class="form-horizontal" id="postPage">
                           <input type="hidden" name="logo" id="logo" value="https://xddl.oss-cn-beijing.aliyuncs.com/rich/49f47983-ede0-4c6b-9a9a-9d450b82aea6.jpg"/>
                           <input type="hidden" name="id" id="id" value="9214"/>
                           
                           <div class="form-group">
                                <label class="col-sm-2 control-label">标题:</label> 
                                <div class="col-sm-3" >
                                    <input type="text" class="form-control"  value="假期花大了, 信用卡还不上款怎么办？" placeholder="请输入标题" id="title"  name="title" maxlength="50">
                                </div>
                                <label class="col-sm-2 control-label">简介:</label> 
                                 <div class="col-sm-3">
                                  <input type="text" class="form-control" value="假期花大了, 信用卡还不上款怎么办？" placeholder="请输入简介" id="summary"  name="summary" maxlength="50">
                                </div>
                            </div>  
                            
                            <div class="hr-line-dashed"></div> 
                             <div class="form-group">
                               <label class="col-sm-2 control-label">文章类型:</label> 
                                 <div class="col-sm-3" >
                                   <select name="type" id="type"   class="form-control"  >
                                    <option value="0">推荐</option>
                                    <option value="1">品牌</option>
                                    <option value="2">行业</option>
                                    <option value="3">其他</option> 
                                   </select>
                                 </div>  
                                 <label class="col-sm-2 control-label">合作方:</label> 
                                 <div class="col-sm-3" >
                                   <input type="text" class="form-control"  placeholder="请输入合作方编码" id="partnerId" value="" readonly="readonly" name="partnerId" maxlength="20">
                                 </div> 
                            </div>
                             <div class="hr-line-dashed"></div> 
                             <div  class="form-group">
                                <label class="col-sm-2 control-label">缩略图:</label>
                                <div class="col-sm-8">   
                   <img id="logoUrlImg" style="width: 100px;" src="https://xddl.oss-cn-beijing.aliyuncs.com/rich/49f47983-ede0-4c6b-9a9a-9d450b82aea6.jpg" /> 
                       <a href="javascript:;" class="file"  ><input type="file" id="file" name="file" />上传</a>  
                     <div id="imgError"> </div> 
                                </div>
                             </div> 
                             <div class="hr-line-dashed"></div> 
                             <div class="form-group">
                                <label class="col-sm-2 control-label">内容:</label> 
                                <div class="col-sm-8"> 
                                    <textarea  path="body"  id="body" placeholder="请填写推广文章内容!"  style="width:100%;visibility:hidden;"   name="body"  ><div>
  <br />
</div>
<div>
  <p align="center" class="imgNode" style="font-family:Helvetica, 黑体;font-size:medium;background-color:#F6F6F6;">
    <img src="http://inews.gtimg.com/newsapp_bt/0/3254324714/641" width="100%" />
  </p>
  <p style="font-family:Helvetica, 黑体;font-size:medium;background-color:#F6F6F6;">
    <br />
  </p>
  <p class="text" style="color:#1A1A1A;text-align:justify;font-size:17px;font-family:Helvetica, 黑体;background-color:#F6F6F6;">
    卡哥知道，还有更加无法自拔的，是一小部分花大了，对着即将到来的信用卡账单愁绪万千的那一群，你属不属于这一行列呢？ 假期花大了，还不上款怎么办？！
  </p>
  <p class="text" style="color:#1A1A1A;text-align:justify;font-size:17px;font-family:Helvetica, 黑体;background-color:#F6F6F6;">
    方案有几个：还最低还款额、分期、借钱还款。 先说说还最低还款额。这一方法适合短期内资金周转不过来，而且比较懒于寻找更优解决方案的不差钱人士。最大的好处就是还了最低还款，剩下的部分在下一次还款日来临之前没还清，也不会上征信。不过，花花之前也有写过帖子说明，虽然和12期7%费率的分期比较起来，五个月内可以还清欠款，被银行“薅”的钱就不会比分期多，但是，还最低还款的每日万五罚息，算下来等于年利率超过20%！
  </p>
  <p class="text" style="color:#1A1A1A;text-align:justify;font-size:17px;font-family:Helvetica, 黑体;background-color:#F6F6F6;">
    在网络金融如此发达的现今，完全值得我们去寻找更好的方式来解决资金周转需求，这一点，先按下不表，后面再讲。再说账单分期，这是比较省钱、又不太耗费精力去计算，且可以让欠款人得到长时间分摊压力的方式。常见的分12期还款，利率一般不会超过7%。假设10000欠款，分12期每期7%利率的话：每个月需要偿还本金833.34元，再加上每期按照消费总金额的0.7%来缴纳分期付款的手续费，就是10000*0.7%=70元。
  </p>
  <p class="text" style="color:#1A1A1A;text-align:justify;font-size:17px;font-family:Helvetica, 黑体;background-color:#F6F6F6;">
    虽然从第二个月开始，我们占有银行的钱已经不再是1w，却依然要按照1w来算手续费不太公平，但是从每个月交手续费的对比情况来看，利用 实际年化利率 = 单期手续费率 * 分期期数 * 24 / (分期期数+1)公式，计算得出实际年化利率为15.5%，也还是比前面的20%低了5个点呀！而据花花所知，分12期0.7%费率实际上是偏高的，不少银行给出的费率比这个低很多，还可以分24期、36期等，同样也可以让小伙伴没有压力每月还款。这里，花花给小伙伴提个醒，关于分期有两点注意：
  </p>
  <p class="text" style="color:#1A1A1A;text-align:justify;font-size:17px;font-family:Helvetica, 黑体;background-color:#F6F6F6;">
    第一，银行肯定喜欢客户分期，用“免费”的口号来吸引大家分期。其实是指免手续费，但是费率是一定一定会收取的。不管哪家银行，只存在费率的差距，同一家银行也会对不同的客户有不同的费率，看具体客户的信用情况。
  </p>
  <p class="text" style="color:#1A1A1A;text-align:justify;font-size:17px;font-family:Helvetica, 黑体;background-color:#F6F6F6;">
    第二，分期的年化利率，绝对不能按照银行给出的月利率乘以分期期数来计算。比如月利率是0.5%，用0.5%*12得出年化利率是6%的算法会让你吃大亏的。因为从分期第二个月开始，你就已经不欠银行那么多总额了，但是费率却依然按照总欠款来计算的哦。显然，分期也是有套路在里头的！谨记实际年化利率要用前面提到的公式去算。
  </p>
  <p class="text" style="color:#1A1A1A;text-align:justify;font-size:17px;font-family:Helvetica, 黑体;background-color:#F6F6F6;">
    最后的方案，就是借。适合有心思懂理财的小伙伴！这里的借不是指找亲朋好友借哦，而是就通过各种平台寻求小额贷款，用小额贷款先把银行的欠款还上，来解决短期出现资金周转不灵的小伙伴的窘境。如果短时间内不能解决全部欠款，还可以贷款分期还，也比信用卡的账单分期低息。
  </p>
  <p class="text" style="color:#1A1A1A;text-align:justify;font-size:17px;font-family:Helvetica, 黑体;background-color:#F6F6F6;">
    so，解决问题的方法总是多样的，而且总能找到更节省的方式，就看我们有没有花精力去了解和尝试了！
  </p>
</div></textarea>  
                                </div> 
                             </div>  
                             <div class="form-group">
                                <div class="col-sm-4 col-sm-offset-2">
                                    <button class="btn btn-primary" type="button" onclick="submitForm()">保存</button> 
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>







        <footer class="templatemo-footer">
          <div class="templatemo-copyright">
            <p>Copyright &copy; 2084 Your Company Name <!-- Credit: www.templatemo.com --></p>
          </div>
        </footer>
      </div>
  </div>
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/templatemo_script.js"></script>
    <script language="javascript" type="text/javascript" src="js/My97DatePicker/WdatePicker.js"></script
  </body>
</html>